<template>
    <footer class="bg-purple-900 py-8 text-white">
        <div
            class="mx-auto grid max-w-6xl grid-cols-1 gap-6 px-4 text-center sm:grid-cols-3 sm:text-left">
            <!-- 左侧 -->
            <div>
                <h4 class="font-medium">Follow Brad</h4>
            </div>

            <!-- 中间 -->
            <div class="space-y-2">
                <p>
                    <a href="#" class="hover:underline">Website &amp; All Courses</a>
                </p>
                <p>
                    <a href="#" class="hover:underline">Projects Github Repo (CHANGE LINK)</a>
                </p>
            </div>

            <!-- 右侧 -->
            <div class="sm:text-right">
                <h4 class="font-medium">Follow Florin</h4>
            </div>
        </div>
    </footer>
</template>

<script setup>
    // 无需 JS 逻辑
</script>
